﻿*{
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    color: #999;
}
ul,ol{
    margin: 0;/* 外边距*/
    padding: 0;/*内边距*/
    list-style: none;/*无样式*/
}
a{
    text-decoration: none;
}
input{
    border: 0;
}
/*顶部颜色*/
.head_top_color{
    position: absolute;
    width: 100%;
    height: 40px;
    background-color: rgb(248, 248, 248);
}
/*头部*/
.head{
    position: relative;
    margin: 0 auto;
    width: 1190px;
    height: 162px;
}
/*头部-top*/
.head .head_top{
    width: 1190px;
    height: 40px;
    background-color: rgb(248, 248, 248);
}
/*头部-top-left*/
.head .head_top .head_top_left{
    float: left;
    width: 391px;
    height: 16.5px;
    padding-top: 12px;
    background-color: rgb(248, 248, 248);
    margin: 0;
    font-size:12px;
    color: #999;
}
.head .head_top .head_top_left a{
    margin: 0 4px;
    color: #999;
}
.head .head_top .head_top_left :nth-child(3){
    border: 1px solid #E5E5E5;
}
.head .head_top .head_top_left :nth-child(7){
    margin-left: .1em;
    color: #FE8C00;
}
/*头部-top-right*/
.head .head_top .head_top_right{
    width: 389px;
    height: 40px;
    float: right;
}
.head .head_top .head_top_right .head_list{
    position: absolute;
    z-index: 3;
}
.head .head_top .head_top_right a{
    color: #999;
}
.head .head_top .head_top_right>ul>li>a{
    width: 48px;
    height: 16.5px;
    padding: 12px 14px;
    float: left;
}
.head .head_top .head_top_right>ul>li{
    box-sizing: border-box;
    
}
.head .head_top .head_top_right .head_list{
    display: none;
    position: absolute;
    top: 40px;
}
.head .head_top .head_top_right .one{
    left: 910px;
}
.head .head_top .head_top_right .two{
    left: 1028px;
}
.head .head_top .head_top_right .block:hover>a{
    background-color: white;
}
.head .head_top .head_top_right .block:hover .head_list{
    display: block;
}
.head .head_top .head_top_right .head_list a{
    display: inline-block;
    width: 76px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background-color: white;
}   
.head .head_top .head_top_right .one a{
    width: 106.4px;
}
/*网站导航列表内容*/
.head .head_top .head_top_right .head_list_three{
    display: none;
    position: absolute;
    z-index: 3;
    top: 40px;
    left: 0px;
    width: 1115px;
    height: 230.5px;
    padding: 30px 36px 36px 47px;
    background-color: white;
}
.head .head_top .head_top_right .head_list_three dl{
    float: left;
    margin-right: 47px;
    color: #999;
}
.head .head_top .head_top_right .head_list_three dt{
    width: 100%;
    height: 19px;
    margin-bottom: 26px;
    text-align: center;
}
.head .head_top .head_top_right .head_list_three dd{
    width: 77.2167px;
    height: 16.5;
    padding: 5px 0;
    float: left;
    text-align: center;
}
.head .head_top .head_top_right .head_list_three dl:first-child{
    width: 234px;
    height: 177px;
    margin-left: 0;
}
.head .head_top .head_top_right .head_list_three dl:nth-child(2){
    width: 156px;
    height: 124.5px;
}
.head .head_top .head_top_right .head_list_three dl:nth-child(3){
    width: 90px;
    height: 230.5px;
}
.head .head_top .head_top_right .head_list_three dl:nth-child(4){
    width: 380px;
    height: 118.5px;
}
.head .head_top .head_top_right .head_list_three dl:nth-child(4) img{
    width: 60px;
    height: 60px;
    margin-left: 10px;
}
.head .head_top .head_top_right .block:hover .head_list_three{
    display: block;
}
/*头部-top字体悬浮样式*/
.head .head_top a:hover{
    color: #FE8C00;
}
/*顶部-bottom*/
.head .head_bottom{
    width: 220px;
    height: 54px;
    padding: 28px 60px 40px 0;
    margin-left: 0;
}
.head .head_bottom img{
    width: 126px;
    height: 46px;
}

/*体部*/
/* 体部顶部颜色 */
.article_top_color{
    width: 100%;
    height: 20px;
    background-color: rgb(250, 250, 250);
}
/*体部*/

.article_body_color{
    width: 100%;
    height: 100%;
    background-color: white;
}
/*体部搜索栏框架*/
.article>div{
    border:1px solid #e5e5e5;
    border-radius: 4px;
}
/*体部搜索栏顶部内容*/
.place_search{
    position: sticky;
    z-index: 2;
    top: 0px;
    width: 1145px;
    height: 38.5px;
    padding: 15px 20px;
    background-color: rgb(235, 235, 235);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.place_search>ul{
    float: left;
    margin-left: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background-color: white;
    line-height: 35px;
}

.place_search .onplace{
    width: 188px;
    height: 35px;
    padding: 0 10px;
}
.onplace>span{
    display: inline-block;
    width: 48px;
    height: 14px;
}
.place_search .onplace>input{
    width: 125px;
    height: 25px;
    padding: 5px;
    float: right;
}
.place_search .date{
    width: 177px;
    height: 35px;
}

.place_search>ul:nth-child(2){
    padding-left: 20px;
    padding-right: 6px;
}
.place_search ul:nth-child(4){
    padding-left: 6px;
    padding-right: 20px;
}
.place_search .span{
    border: 0;
}
.place_search .span>span{
    display: inline-block;
    height: 38px;
    background-color:rgb(235, 235, 235) ;
}
.place_search .search_box{
    width: 218px;
    height: 35px;
    padding-left: 0 10px;
    margin-left: 30px;
}
.place_search .search_box input{
    width: 100%;
}
.place_search .search_button{
    width: 30.8px;
    height: 35px;
    padding: 0 29px;
    margin-left: 110px;
    border-radius: 30px;
    background-color: rgb(255, 195, 0);
}
.place_search .search_button>input{
    font-size: 13.333333333333333px;
    font-weight: bold;
    color: black;
    background-color: rgb(255, 195, 0);
}
.place_search::after{
    content: "";
    display: block;
    clear: both;
}
.onplace .city_nav{
    display: none;
    width: 925px;
    height: 86px;
    padding: 15px 10px 5px;
    margin-left: -10px;
    border: 2px solid #e5e5e5;
    background-color: white;
}
.onplace:hover .city_nav{
    display: block;
}
.onplace .city_nav .first_letter{
    width: 925px;
    height: 32px;
    letter-spacing: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1.25px ;
    border-bottom-color: #e5e5e5;
}
.onplace .city_nav .city_place{
    width: 925px;
    height: 54px;
}
.onplace .city_nav .first_letter span{
    font-size: 14px;
    display: inline-block;
    height: 26px;
    padding:0 45px 5px;
    background-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1.25px ;
    border-bottom-color: white;
}   
.onplace .city_nav .city_place a{
    display: inline-block;
    width: 28px;
    height: 19px;
    padding: 2px 5px ;
    margin: 3px 5px ;
    font-size: 14px;
    color: #333;
    line-height: 40px;
} 

.place_search .search_box .search_box_list{
    display: none;
    width: 460px;
    height: 250px;
    padding: 10px;
    background-color: white;
    border: 1px solid #e5e5e5;
}
.place_search .search_box:hover .search_box_list{
    display: block;
}

.place_search .search_box .search_box_list .list_head{
    width: 440px;
    height: 21px;
    padding: 0 10px;
    background-color: white;
}   
.place_search .search_box .search_box_list .list_body{
    width: 460px;
    height: 45px;
    padding: 5px 0;
    background-color: white;
    border-bottom:1.25px solid #e5e5e5;
}   
.place_search .search_box .search_box_list .list_body a{
    display: inline-block;
    border-radius: 10px;
    padding: 1px 5px;
    margin: 2px 5px;
    float: left;
    height: 20px;
    line-height: 20px;
}
.place_search .search_box .search_box_list .list_body a:hover{
    background-color: #ffc300;
    color: white;
}
/*体部具体内容*/
.article{
    width: 1190px;
}
.article .article_top{
    margin-top: -15px;
    width: 1188px;
    height: 295px;
    background-color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
} 
.article_top .search_body{
    position: relative;
    width: 1148px;
    height: 295px;
    padding: 0 20px;
}
.article_top .search_body li{
    font-size: 14px;
}
.article_top .search_body a{
    font-size: 14px;
}
.article_top .search_body>div{
    border-bottom-style: solid;
    border-bottom-width:1.25px;
    border-bottom-color:#e5e5e5
}
.article_top .search_body>div:last-child{
    border: 0;
}
/*具体内容搜索栏-位置*/
.article_top .search_body .place{
    width: 1148px;
    padding: 20px 0;
}
.article_top .search_body>div ul li{
    padding: 0 10px;
    float: left;
    line-height: 26px;
    height: 22px;
}
.article_top .search_body>div ul li input{
    background-color: white;
}
.article_top .search_body>div li:nth-child(2) input{
    width: 48px;
    height: 22px;
    border-radius: 10px;
    margin-right: 20px;
}
.article_top .search_body>div li:nth-child(2) input:hover{
    background-color: #ffc300;
}
.article_top .search_body>div ul li [class]{
    font-size: 14px;
    color: #333;
}
.article_top .search_body>div li .place_head{
    display: inline-block;
    width: 60px;
    height: 26px;
    font-weight: bold;
    color: black;
}
.article_top .search_body>div li:first-child{
    padding: 0;
}
.article_top .search_body .place li:nth-child(2)~li:hover{
    background-color: #e5e5e5;
}
.article_top .search_body .place li:nth-child(2)~li:hover input{
    background-color: #e5e5e5;
}
.article_top .search_body .place .place_list_hot{
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 1048px;
    padding: 10px 20px;
    margin: 0 0 0 60px;
    background-color: white;
}
.article_top .search_body .place .place_list01:hover .place_list_hot{
    display: block;
    background-color: #e5e5e5;
}
.article_top .search_body .place .place_list_hot .list_hot_chose{
    border-bottom-style: solid;
    border-bottom-width:1.25px;
    border-bottom-color:#e5e5e5;
}
.article_top .search_body .place .place_list_hot a{
    display: inline-block;
    height: 22px;
    padding: 0 10px;
    margin: 5px 10px 5px 0;
    border-radius: 10px;
    color: black;
}
.article_top .search_body .place .place_list_hot a:hover{
    background-color: #ffc300;
}
.article_top .search_body .place ul::after{
    content: "";
    display: block;
    clear: both;
}
/*具体内容搜索栏-星级*/
.article_top .search_body .star{
    width: 1148px;
    height: 32px;
    padding: 20px 0 10px 0;
}
.article_top .search_body span{
    display: inline-block;
    height: 32px;
    padding: 0 0 10px 0;
    line-height: 26px;
    font-size: 14px;
}
.article_top .search_body .star span{
    width: 130px;
}
.article_top .search_body .star~div span{
    width: 110px;
}
.article_top .search_body .star~div span:last-child{
    float: right;
    text-align: right;
}
.article_top .search_body .star~div span:last-child input{
    background-color: white;
}
.article_top .search_body .star span:first-child{
    margin-left: -10px;
}
/*具体内容搜索栏-类型*/
.article_top .search_body .type{
    width: 1148px;
    height: 32px;
    padding: 20px 0 10px 0;
}
/*具体内容搜索栏-品牌*/
.article_top .search_body .brand{
    width: 1148px;
    height: 32px;
    padding: 20px 0 10px 0;
}
/*搜索栏底部*/
.article_top .search_foot{
    width: 1168px;
    height: 23.5px;
    padding: 10px;
    padding: 20px 0 10px 0;
    text-align: left;
    line-height: 10px;
    font-size: 16px;
    color: black;
}
/*房间信息*/
.article .article_room{
    width: 868px;
    padding: 0 20px;
}
.article .article_room .room_body>div,.article .article_room .room_head{
    border-bottom-style: solid;
    border-bottom-width:1.25px;
    border-bottom-color: #e5e5e5;
}
.article .article_room .room_head{
    position: sticky;
    z-index: 1111;
    top: 68.5px;
    width: 868px;
    height: 19px;
    padding: 16px 0;
    background-color: white;
}
.article .article_room .room_head a{
    color: #FE8C00;
    font-size: 14px;
}
.article .article_room .room_1{
    width: 868px;
    height: 124px;
    padding: 20px 0;
}
.article .article_room .room_1:hover{
    background-color: rgba(255,195,0,.05);   
}
.article .article_room .room_1:hover .room_information .room_name span:nth-child(2){
    color: #fe8c00;
}
.article .article_room .room_1 div{
    float: left;
}
.article .article_room .room_1>div:first-child{
    width: 200px;
    height: 125px;
    margin:0 20px 0 0;
}
.article .article_room .room_1>div:first-child img{
    width: 200px;
    height: 125px;
}
.article .article_room .room_1 .room_information{
    width: 330px;
    height:124px;
}
.article .article_room .room_1 .room_information .room_name{
    width: 630px;
    height: 40px;
    margin:0 0 5px 0;
}
.article .article_room .room_1 .room_information .room_name span{
    font-size: 18px;
    line-height: 40px;
}
.article .article_room .room_1 .room_information .room_name span:nth-child(2):hover{
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1.25px;
    border-bottom-color: #e5e5e5;
}
.article .article_room .room_1 .room_information .room_logo1{
    width: 330px;
    height: 40px;
    margin: 0 0 5px 0;
}
.article .article_room .room_1 .room_information .room_logo2{
    width: 330px;
    height: 20px;
    padding: 0 0 5px;
}
.article .article_room .room_1 .room_information .room_logo2 span{
    font-size: 12px;
    line-height: 20px;
    color: #999;
}
.article .article_room .room_1 .room_information .room_logo2 img{
    width: 15px;
    height: 15px;
}
.article .article_room .room_1 .room_information .room_logo3{
    width: 330px;
    height: 20px;
}
.article .article_room .room_1 .room_information .room_logo3 span{
    border: 1px solid #50b6f5;
    color: #50b6f5;
}
.article .article_room .room_1 .room_information .room_logo3 span:first-child{
    border-color: #f5716e;
    color: #f5716e;
}
.article .article_room .room_1 .room_information .room_logo3~div{
    width: 150px;
    height: 90px;
    float: right;
    border-left-style:solid;
    border-left-width:1.25px;
    border-left-color: #e5e5e5;
    margin: auto;
}
.article .article_room .room_1 .room_information~div{
    width: 150px;
    height: 90px;
    margin-top: 35px;
    margin-left: 3px;
    border-left-style:solid;
    border-left-width:1.25px;
    border-left-color: #e5e5e5;
}
.article .article_room .room_1 .room_score div{
    width: 150px;
    height: 27px;
    margin-top: 30px;
    background-color: white;
    text-align: center;
}
.article .article_room .room_1:hover .room_score div{
    background-color: #fffcf2;
}
.article .article_room .room_1 .room_Vlogo div{
    width: 112px;
    height: 30.1px;
    padding: 0 18px;
    margin-top: 30px;
    border: 1px solid #ffc300;
    background-color: #ffc300;
    border-radius: 30px;
    line-height: 30.1px;
}
.article .article_room .room_1 .room_Vlogo div .Vlogo{
    font-size: 13px;
    font-weight: bold;
    color: black;
    text-align: center;
    width: 100%;
    background-color: #ffc300;
}
.article .article_map{
    width: 270px;
    height: 400px;
    background-color: #999999;
}
.article .article_room .room_1::after{
    content: "";
    display: block;
    clear: both;
}
.article .article_room .room_1 .room_Vlogo div img{
    display: none;
    width: 110px;
    height: 110px;
}
.article .article_room .room_1 .room_Vlogo:hover div img{
    display: block;
}
/*地图*/
.article .article_room,.article .article_map{
    position: sticky;
    top: 68.5px;
    float: left;
    margin-top: 20px;
}
/*脚部*/
.article::after{
    content: "";
    display: block;
    clear: both;
}
.foot{
    width: 1100px;
    height: 456px;
    padding: 40px 45px;
    margin-top: 200px;
    border-top-style:solid;
    border-top-width: 1.25px;
    border-top-color: #e5e5e5;
    border-bottom-style:solid;
    border-bottom-width: 1.25px;
    border-bottom-color: #e5e5e5;
}
.foot div{
    float: left;
}
.foot dl{
    padding-bottom: 20px;
}
.foot dl dt{
    width: 220px;
    height: 28px;
    font-size: 14px;
}
.foot dl dd{
    width: 220px;
    height: 24px;
}
.foot dl dd a:hover{
    color: #ffc300;
}
/*底部认证*/
.sign{
    width: 1190px;
    height: 20.35px;
    margin: 10px auto;
}
.sign a{
    margin:0 10px 0 0 ;
    border-bottom-style:solid;
    border-bottom-width:1.25px;
    border-bottom-color: white;
}
.sign a:hover{
    border-bottom-style: solid;
    border-bottom-width:1.25px;
    border-bottom-color: #ccc;
}
.sign div,.sign img{
    float: left;
}

